$(function(){
    showDeviceHgListInfo();
    function showDeviceHgListInfo(){
        layui.use(['table','form','util'], function(){
            var table = layui.table;
            var form = layui.form;

            // 数据表格渲染：护工设备信息页面
            table.render({
                elem: '#hgDeviceInfoList'
                ,id:'deviceHg'
                ,url:'/DeviceHg/getDeviceHgList'
                ,height:390
                ,cellMinWidth: 80//全局定义常规单元格的最小宽度，layui 2.2.1 新增
                ,request:{
                    pageName: 'pn' //页码的参数名称，默认：page
                    ,limitName: 'limit' //每页数据量的参数名，默认：limit
                }

                ,parseData: function(res) { //将原始数据解析成 table 组件所规定的数据
                    return {
                        "code": 0, //解析接口状态
                        "msg": '', //解析提示文本
                        "count": res.total, //解析数据长度
                        "data": res.list, //解析数据列表
                    }
                }
                ,cols: [[
                    {field:'id',width:80,title: '序号',sort:true,fixed:'left',align:'center'}
                    ,{field:'device_hg',width:120, title: '护工设备卡',align:'center'}
                    ,{field:'organization', width:200,title: '所属机构',align:'center'}
                    ,{field:'createTime',width:200, title: '创建时间',align:'center',sort:true,templet : "<div>{{layui.util.toDateString(d.createTime, 'yyyy年MM月dd日 HH:mm:ss')}}</div>"}
                    ,{field:'updateTime',width:200, title: '更新时间',align:'center',sort:true,templet : "<div>{{layui.util.toDateString(d.updateTime, 'yyyy年MM月dd日 HH:mm:ss')}}</div>"}
                    ,{field:'state',width:130,title:'设备状态',align:'center',templet:function (d) {
                            if(d.state==-1){
                                return "<input type='checkbox' lay-filter='switchStateHg' name='"+d.id+"' lay-skin='switch' lay-text='已使用|未使用'>";
                            }else{
                                return "<input type='checkbox' lay-filter='switchStateHg' name='"+d.id+"' lay-skin='switch' lay-text='已使用|未使用' checked>";
                            }
                        }
                    }
                    ,{field:'note', width:200,title: '备注信息',align:'center'}
                    ,{fixed:'right',align:'center',toolbar: '#Check_Edit_Del_Hg', width:170,title:'操作'}
                ]]
                ,page:true
            });

            // 数据表格渲染：老人设备信息页面
            table.render({
                elem: '#lrDeviceInfoList'
                ,id:'deviceLr'
                ,url:'/DeviceLr/getDeviceLrList'
                ,height:390
                ,cellMinWidth: 80//全局定义常规单元格的最小宽度，layui 2.2.1 新增
                ,request:{
                    pageName: 'pn' //页码的参数名称，默认：page
                    ,limitName: 'limit' //每页数据量的参数名，默认：limit
                }

                ,parseData: function(res) { //将原始数据解析成 table 组件所规定的数据
                    return {
                        "code": 0, //解析接口状态
                        "msg": '', //解析提示文本
                        "count": res.total, //解析数据长度
                        "data": res.list, //解析数据列表
                    }
                }
                ,cols: [[
                    {field:'id',width:80,title: '序号',sort:true,align:'center'}
                    ,{field:'device_lr',width:120, title: '老人设备卡',align:'center'}
                    ,{field:'organization', width:200,title: '所属机构',align:'center'}
                    ,{field:'createTime',width:200, title: '创建时间',align:'center',sort:true,templet : "<div>{{layui.util.toDateString(d.createTime, 'yyyy年MM月dd日 HH:mm:ss')}}</div>"}
                    ,{field:'updateTime',width:200, title: '更新时间',align:'center',sort:true,templet : "<div>{{layui.util.toDateString(d.updateTime, 'yyyy年MM月dd日 HH:mm:ss')}}</div>"}
                    ,{field:'state',width:130,title:'设备状态',align:'center',templet:function (d) {
                            if(d.state==-1){
                                return "<input type='checkbox' lay-filter='switchStateLr' name='"+d.id+"' lay-skin='switch' lay-text='已使用|未使用'>";
                            }else{
                                return "<input type='checkbox' lay-filter='switchStateLr' name='"+d.id+"' lay-skin='switch' lay-text='已使用|未使用' checked>";
                            }
                        }
                    }
                    ,{field:'note', width:200,title: '备注信息',align:'center'}
                    ,{fixed: 'right',align:'center',toolbar: '#Check_Edit_Del_Lr', width:170,title:'操作'}
                ]]
                ,page:true
            });

            // 更新护工设备状态
            form.on('switch(switchStateHg)', function (data) {
                console.log("[触发更新护工设备使用状态事件~]");
                var id = data.elem.name;
                var isChecked = data.elem.checked;
                console.log("[data:]",data);
                $.ajax({
                    type: "post",
                    url:  "/DeviceHg/updateHgDeviceState",
                    data: {
                        id: id,
                        state: isChecked ? 0 : -1
                    },
                    success: function (res) {
                        var str = isChecked ? '修改' : '修改';

                        if (res == 0) {
                            layer.msg(str + "成功！", {icon: 1, time: 2000});
                        } else {
                            layer.msg(str + "失败！请重试！", {icon: 5, time: 2000});
                        }
                    },
                    error:function (err) {
                        console.log("[操作异常~]");
                    }
                });
            });

            // 更新老人设备状态
            form.on('switch(switchStateLr)', function (data) {
                console.log("[触发更新护工设备使用状态事件~]");
                var id = data.elem.name;
                var isChecked = data.elem.checked;
                console.log("[data:]",data);
                $.ajax({
                    type: "post",
                    url:  "/DeviceLr/updateLrDeviceState",
                    data: {
                        id: id,
                        state: isChecked ? 0 : -1
                    },
                    success: function (res) {
                        var str = isChecked ? '修改' : '修改';

                        if (res == 0) {
                            layer.msg(str + "成功！", {icon: 1, time: 2000});
                        } else {
                            layer.msg(str + "失败！请重试！", {icon: 5, time: 2000});
                        }
                    },
                    error:function (err) {
                        console.log("[操作异常~]");
                    }
                });
            });

            // 设备搜索
            var $ = layui.$, active = {
                // 设备信息页面-搜索功能
                reload1: function(){
                    var device_hg = $('#device_hg');
                    // var organization_id = $('#organization_hg');
                    var state=$('#statusSearch_hg');
                    console.log("[搜索的内容是:]"+device_hg.val()+state.val());
                    //执行重载
                    table.reload('deviceHg', {
                        url: '/DeviceHg/getDeviceHgList',
                        method:'post',
                        page: {
                            curr: 1 //重新从第 1 页开始
                        }
                        ,where: {
                            device_hg: device_hg.val(),
                            // organization_id:organization_id.val(),
                            state:state.val()
                        }
                    }, 'data');
                },
                reload2: function(){
                    var device_lr = $('#device_lr');
                    // var organization = $('#organization_lr');
                    var state=$('#statusSearch_lr');
                    console.log("[搜索的内容是:]"+device_lr.val()+state.val());
                    //执行重载
                    table.reload('deviceLr', {
                        url: '/DeviceLr/getDeviceLrList',
                        method:'post',
                        page: {
                            curr: 1 //重新从第 1 页开始
                        }
                        ,where: {
                            device_lr: device_lr.val(),
                            // organization:organization.val(),
                            state:state.val()
                        }
                    }, 'data');
                }
            }
            $('.SearchLoadDevice .searchBtn').on('click', function () {
                console.log("触发按键");
                var type = $(this).data('type');
                console.log("type:"+type);
                active[type] ? active[type].call(this) : '';
                console.log("结束");
            });

            // 护工设备详细、编辑和删除
            table.on('tool(deviceHg)', function(obj){
                var data = obj.data;
                console.log("[data:]",data);
                var data2=$('#hgDeviceDetail')[0].innerHTML.format(data);
                var data3=$('#hgDeviceEdit')[0].innerHTML.format(data);
                if(obj.event === 'detail'){
                    console.log("显示详细页面");
                    layer.open({
                        type: 1,
                        skin: 'layui-layer-demo', //样式类名
                        title: ['基 本 信 息', 'font-size:20px'],
                        closeBtn: 1,
                        area: ['700px', '500px'],
                        shadeClose: true, //开启遮罩关闭
                        btn: ['关闭'],
                        content:data2
                    })
                }else if(obj.event === 'del'){
                    // System.out.print("选中栏目：id:"+data.id);
                    layer.confirm('是否确定删除？', function(index){
                        $.ajax({
                            url:'/DeviceHg/deleteHgDevice',
                            method:'post',
                            data:{id:data.id},
                            success:function(){
                                console.log("[删除成功~]");
                                layer.msg("删除成功！")
                                obj.del();
                                layer.close(index);
                            },
                            error:function(){
                                layer.msg("删除设备信息出错")
                            }
                        })
                    });
                }else if(obj.event === 'edit'){
                    console.log("修改");
                    layer.open({
                        type: 1,
                        skin: 'layui-layer-demo', //样式类名
                        title: ['修 改 信 息','font-size:20px;'],
                        closeBtn: 1,
                        area: ['700px', '600px'],
                        shadeClose: true, //开启遮罩关闭
                        content:data3
                    });
                    form.render('select');
                }
            });

            // 老人设备详细、编辑和删除
            table.on('tool(deviceLr)', function(obj){
                var data = obj.data;
                console.log("[data:]",data);
                var data2=$('#lrDeviceDetail')[0].innerHTML.format(data);
                var data3=$('#lrDeviceEdit')[0].innerHTML.format(data);
                if(obj.event === 'detail'){
                    console.log("显示详细页面");
                    layer.open({
                        type: 1,
                        skin: 'layui-layer-demo', //样式类名
                        title: ['基 本 信 息', 'font-size:20px'],
                        closeBtn: 1,
                        area: ['700px', '500px'],
                        shadeClose: true, //开启遮罩关闭
                        btn: ['关闭'],
                        content:data2
                    })
                }else if(obj.event === 'del'){
                    if (data.state==0){
                        layer.msg('设备正在使用，不能删除！',{icon:0})
                    }else {
                        layer.confirm('是否确定删除？', function(index){
                            $.ajax({
                                url:'/DeviceLr/deleteLrDevice',
                                method:'post',
                                data:{id:data.id},
                                success:function(){
                                    console.log("[删除成功~]");
                                    layer.msg("删除成功！");
                                    obj.del();
                                    layer.close(index);
                                },
                                error:function(){
                                    layer.msg("删除设备信息出错")
                                }
                            })
                        });
                    }
                }else if(obj.event === 'edit'){
                    console.log("修改");
                    layer.open({
                        type: 1,
                        skin: 'layui-layer-demo', //样式类名
                        title: ['修 改 信 息','font-size:20px;'],
                        closeBtn: 1,
                        area: ['700px', '600px'],
                        shadeClose: true, //开启遮罩关闭
                        content:data3
                    });
                    form.render('select');
                }
            });

        });
    }

});